layui.use(['table', 'laydate', 'form'], function () {
    let table = layui.table;
    let form = layui.form;
    let laydate = layui.laydate;
    //执行一个laydate实例
    laydate.render({
        elem: '#start' //指定元素
    });

    //执行一个laydate实例
    laydate.render({
        elem: '#end' //指定元素
    });

    // 创建渲染实例
    // 下面的代码理解为对ajax的封装
    table.render({
        elem: '#table'//js#一般对应id
        , url: '/back/product/all' // 此处为静态模拟数据，实际使用时需换成真实接口
        // , height: 'full-200' // 最大高度减去其他容器已占有的高度差
        // , cellMinWidth: 80
        , page: true//开启分页
        , cols: [[
            // field 后端传递给前端的属性：dto
            {field: 'id', fixed: 'left', title: 'ID', sort: true}
            , {field: 'name', title: '产品名称'}
            , {
                field: 'normalPrice',
                title: '正常价格',
                hide: 0

            }
            // , {field: 'sex', width: 80, title: '性别', sort: true, templet: '#switchTpl'}
            , {
                field: 'isShow',

                title: '是否显示',
                sort: true,
                templet: function (d) {
                    return d.isShow == 1 ? "显示" : "隐藏";
                }
            }

            , {
                field: 'imgHref', title: '产品展示',
                templet: function (d) {
                    return "<img src='" + d.imgHref + "' style='width: 50px;height: 50px;'/>";
                }
            }
            , {field: 'cuisineName', title: '菜系名称'}
            , {
                field: 'enable', title: '启用停用', templet: function (d) {
                    return d.enable == 1 ? '启用' : '停用'
                }
            }
            , {fixed: 'right', title: '操作', width: 220, toolbar: '#barDemo'}
        ]]
    })
    table.on('tool(table)', function (obj) { // 双击 toolDouble
        let data = obj.data;
        console.log(data);
        if (obj.event === 'del') {
            layer.confirm('真的删除行么', function (index) {
                layer.confirm('是否已经确定真的删除行么', function (index) {
                    let res = myAjax("/back/user/delete", {id: data.id}, "post");
                    // res是否有值，如果没有，则提示失败
                    if (res != null && res.count > 0) {
                        obj.del();
                        layer.close(index);
                    } else {
                        layer.msg("删除失败");
                    }
                });

            });
        } else if (obj.event === 'edit') {
            sessionStorage.setItem("productId", data.id);
            xadmin.open('编辑用户', '/html/product/product-edit.html', 600, 400)
            // layer.open({
            //     title: '编辑',
            //     type: 1,
            //     area: ['80%', '80%'],
            //     content: '<div style="padding: 16px;">自定义表单元素</div>'
            // });
        } else if (obj.event === 'show') {
            sessionStorage.setItem("productId", data.id);
            xadmin.open('编辑用户', '/html/product/product-show.html', 600, 400)
        }
    });
})